<template>
  <UtilPanel
    width="360px"
    :title="`${panel.utilName}分析工具`"
    :panel-id="panelID"
    :show-help-icon="false"
    @on-click-close="onClose"
  >
  </UtilPanel>
</template>

<script setup>
import UtilPanel from "components/common/UtilPanel/index.vue";

const props = defineProps({
  // 面板
  panel: {
    type: Object,
    default: () => ({
      utilName: "日照",
    }),
  },
  // 当前面板索引在panelList中的索引
  index: {
    type: Number,
    default: 0,
  },
  mapViewType: {
    type: String,
    default: "3D",
  },
});

const emit = defineEmits(["close"]);

// 当前面板ID
const panelID = "dayLightPanel";

// 关闭面板
const onClose = () => {
  emit("close", {
    panel: props.panel,
    index: props.index,
    active: false,
    eventSuffix: "DayLight",
    panelID,
  });
};
</script>
<style lang="scss" scoped>
#daylight-panel {
  padding: 5px 5px 5px 10px;
}
</style>